// Accordion.module.scss
.accordion {
  > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    transition: 0.4s;
    cursor: pointer;

    > div:nth-child(1) {
      display: flex;
      align-items: center;
      flex: 1;
      > p {
        margin-left: 1rem;
        flex: 1;
      }

      svg {
        transition: 0.4s;
        transform: rotate(180deg);
      }
    }

    &.active {
      background-color: var(--border-color);
      position: sticky;
      top: 0;
      > div:nth-child(1) {
        svg {
          transform: rotate(270deg);
        }
      }
    }
  }

  .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
}

